<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>仓库信息</title>
    <link rel="stylesheet" href="../../../component/elementUI/index.css" />
    <link rel="stylesheet" href="../../../style/index.css" />
</head>

<body>
    <div id="app" class="minWidth">
        <el-form :inline="true">
            <el-form-item>
                <el-button type="danger">批量删除</el-button>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="addEnterprise">添加商品</el-button>
            </el-form-item>
            <el-form-item>
                <el-input placeholder="请输入内容" />
            </el-form-item>
            <el-form-item>
                <el-button type="primary">查询</el-button>
                <el-button @click="back" type="primary">返回</el-button>
            </el-form-item>
        </el-form>
        <el-table :data="tableData" border style="width: 100%">
            <el-table-column align="center" label="序号" type="index" width="100">
            </el-table-column>
            <el-table-column prop="Warehouse_Name" align="center" label="所属仓库">
            </el-table-column>
            <el-table-column prop="Article_Name" align="center" label="商品名称">
            </el-table-column>
            <el-table-column prop="Inventory_Total_Quantity" align="center" label="存货总数">
            </el-table-column>
            <el-table-column prop="Remain_Quantity" align="center" label="剩余数量"></el-table-column>
            <el-table-column prop="Out_Total_Quantity" align="center" label="出库数量"></el-table-column>
            <el-table-column align="center" label="操作">
                <template v-slot="{row}">
                    <el-button @click="dialogFormVisible = true" type="primary">分配</el-button>
                </template>
            </el-table-column>
        </el-table>
        <el-dialog title="网点分配" :visible.sync="dialogFormVisible">
            <el-form :model="form">
                <el-form-item label="分配数量">
                    <el-input-number v-model="formData.num"></el-input-number>
                </el-form-item>
                <el-form-item label="分配网点">
                    <el-select v-model="formData.address" placeholder="请选择分配网点">
                        <el-option v-for="(item,i) in 22" :label="`网点${i+1}`" :value="i"></el-option>
                    </el-select>
                </el-form-item>
            </el-form>
            <div slot="footer" class="dialog-footer">
                <el-button @click="Cancle">取 消</el-button>
                <el-button type="primary" @click="Submit()">确 定</el-button>
            </div>
        </el-dialog>
        <el-pagination background @size-change="handleSizeChange" @current-change="handleCurrentChange"
            :current-page="form.page" :page-sizes="[100, 200, 300, 400]" :page-size="100"
            layout="total, sizes, prev, pager, next, jumper" :total="total" style="position: fixed;bottom: 0;">
        </el-pagination>
    </div>
    <script type="text/javascript" src="../../../utils/jquery-3.6.0.min.js"></script>
    <script type="text/javascript" src="../../../utils/jquery.cookie.js"></script>
    <script type="text/javascript" src="../../../utils/vue.min.js"></script>
    <script type="text/javascript" src="../../../component/elementUI/index.js"></script>
    <script type="text/javascript" src="../../../utils/utils.js"></script>
    <script type="text/javascript" src="./js/Goods.js"></script>
</body>

</html>